<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>循环语句之for</title>

    <style>
        table {
            border-collapse: collapse;
        }
        td{
            width: 100px;
            height: 50px;
            text-align: center;
            border: 1px solid #ccc;;
        }
    </style>
</head>

<body>

</body>

</html>

<script>
    //循环语句用于重复执行某个操作
    // for语句就是循环命令，可以指定循环的起点、终点和终止条件
    // for(初始化表达式；条件；迭代因子){
    //      语句
    // }

    /*
        for语句后面的括号里面，有三个表达式
        -初始化表达式：确定循环的初始值，只在循环开始时执行一次。
        -布尔表达式：每轮循环开始时，都要执行这个条件表达式，只有值为真，才继续进行循环
        -迭代因子：每轮循环的最后一个操作，通常用来递增循环变量。
    */
    // var sum = 0;
    // for(var i = 1; i <= 100 ; i++) {
    //     sum += i
    // }
    // console.log(sum)


    // for(var i = 1; i <= 1000; i++) {
    //     if(i % 2 == 1){
    //         console.log(i)
    //     }
    // }

    // var  sum = 0;
    // for(var i = 1; i <= 9; i++) {
    //     // document.write("<br/>");
    //     for(var a = 1; a <= i; a++) {
    //         sum = i * a;
    //         document.write(a + "*" + i + "=" + sum + " ");
    //     }
    // }

    var sum = 0;
    for (var i = 1; i <= 9; i++) {
        document.write("<table><tr>");
        for (var a = 1; a <= i; a++) {
            sum = i * a;
            document.write("<td>" + a + "X" + i + "=" + sum + "</td>")
        }
        document.write("</tr></table>")
    }
</script>